<template>
	<view>
		<view style="background: linear-gradient(180deg,#e0f4ff, #f8f9f9);display: inline-block;width: 750rpx;">
		
			<view :style="{backgroundImage:'url('+$ftpUrl('/maskGround.png')+')'}"
				style="padding: 20rpx 40rpx; height: 240rpx; width: 690rpx;margin: auto;background-size: cover;background-repeat: no-repeat;">
				<view style="color: #fff;">
					<view >账户余额（元）</view>
					<view class="u-flex u-row-between u-margin-top-60">
						<view>
							<text>￥</text><text class="u-font-weight" style="font-size: 60rpx;">{{user.balance}}</text>
						</view>
						<view>
							<u-button type='success' size='mini' @click="$Go('/pages/my/tixian')">提现</u-button>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		
		<view style="width: 700rpx;margin:40rpx auto;">
			
			<u-section title="佣金明细" :right="false" line-color='#4F8BFF'></u-section>
			
			<view class="u-padding-20" :key='index' v-for="(item,index ) in list"
				style="box-shadow: 0px 2px 8px 0px rgba(197,197,197,0.30);width: 700rpx;margin:20rpx auto;">
				<view class="u-flex u-row-between">
					<view class="u-font-weight ">{{item.createTime}}</view>
					<!-- <view class="u-type-info">{{item.money}}</view> -->
				</view>
				<view class="u-type-info u-margin-top-20">
					{{item.remark}}
				</view>
			</view>
		
		</view>
		
	</view>
</template>

<script>
	
	import loader from '@/common/loadPage.js';
	

	export default{
		mixins: [loader],
		data(){
			return{
				user:{},
				list: [],
				initial: {
					geturl: "/alliance/commission",
					parm: {
						
					},
					isPage: true
				},
				
			}
		},
		onLoad() {
			
		},
		onShow() {
			this.getUser();
			this.getGoods();
		},
		methods:{
			
			getUser() {
				this.$u.post('/alliance/info').then(res=>{
					this.user = res;
				})
				
				// this.$u.api.userInfo().then(res => {
					
				// })
			},
		}
	}
</script>

<style>
</style>